{% extends 'CpmJovenesBundle:Layout:admin_layout.html.twig' %}

{% block title %}Enviar Correo{% endblock %}

{% block content %}
<script>
	function quitar(item) {
		$(item).fadeOut(1000).html(""); 
	}
	
	$(document).ready(function() 
					  {
					  $("select.select-plantilla")
					  	.change(function(event) {
						 
					  		$(".preview").val("1"); //si cambio, debera volver a chequearse
					  		id_plantilla = $(event.target).val();
					  		
					  		if (id_plantilla == "") return;

							$.getJSON("{{ path('plantilla_find_by_id') }}", { plantilla_id : id_plantilla} ,
							 function(data) {
											if (data.length > 0) {
													$("input.asunto-correo").val(data[0].asunto);
													$("textarea.cuerpo-correo").val(data[0].cuerpo);
												   	}
									}); //getJSON
					  	
					  	}); //change
					  	
					  	$("#mailer_form .asunto-correo").change(function(){
					  		$(".preview").val("1"); //si cambio, debera volver a chequearse
					  	 });
					  	 $("#mailer_form .cuerpo-correo").change(function(){
					  		$(".preview").val("1"); //si cambio, debera volver a chequearse
					  	 });
					  	 

	 }); //ready
</script>
{% if form.vars.value.previewText %}
	<div class="preview_email">
		<h2> Vista preliminar del mensaje </h2>
	 	<div>
	 		Asunto: <strong> {{form.asunto.vars.value}}</strong> 
		</div>
		<div>
			Cuerpo: {{form.vars.value.previewText}}
		</div>
		<a href="#" onclick="$('#mail_body').show();">Modificar</a>
		<script>
			$(document).ready(function() { 
					$("#mail_body").hide(); 
			});
		</script>
	</div>
{% endif %}
 
 <form method="post" action="{{ path('correo_usuario_batch_submit') }}" id="mailer_form" {{ form_enctype(form) }}>
 
 <div class="checklist" style="float:right">
	 <strong> Destinatarios </strong>
	 <select name="cpm_jovenesbundle_correousuariobatchtype[usuarios][]" id="cpm_jovenesbundle_correousuariobatchtype_usuarios" multiple="yes">
		{%  if usuarios is defined %}
			{% for u in usuarios %}
				<option value="{{u.id}}" selected> {{u.email}} </option>
			{% endfor %}
		{%  endif %}	 
	 </select>

 <a href="#" onclick="$('#cpm_jovenesbundle_correousuariobatchtype_usuarios option').prop('selected',true);" > Seleccionar todo </a>

 <div class="proyecto_right_box">
 {{ common.SelectVariablesDePlantillas("#cpm_jovenesbundle_correousuariobatchtype_cuerpo","usuarios") }}
 </div>

 </div>

 
 
 <span id="mail_body">
 	{{ form_row(form.plantilla) }}
 	{{ form_row(form.asunto) }}
 	{{ form_row(form.cuerpo) }}
 </span>	
 	{{ form_row(form.preview) }}
 	
	 <div>
	 	{{ form_row(form.archivos) }}
	 	 <a href="#" class="jslink" onclick="addDynamicForm('#cpm_jovenesbundle_correousuariobatchtype_archivos'); return false;">
	     Agregar archivo
		</a>
 	</div>
   {{ form_row(form._token) }}
 <input type="submit" value="Enviar correo"/>
 <input type="button" value="Cancelar" onclick="window.history.back();"; />
</form>
{% endblock %}